#set($ctx = $request.getContextPath())
#macro( pageCount $currentPage $maxPage )
	#if($currentPage>$maxPage)
		#set($currentPage=$maxPage)
		$!currentPage
	#elseif($currentPage<1)
		#set($currentPage = 1)
		$!currentPage
	#else
		$!currentPage
	#end	
#end
#macro( addIndex $current $count)
	#set($current=$current + $count)
	$!current
#end
<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
	<head>
		
		<!-- META -->
		<title>多维矩阵-企业网络信息化专家</title>
		<meta charset="utf-8" />	
		<meta name="description" content=" 多维矩阵  ... " />
		<meta name="keywords"    content=" 微电影 微广播 微推广工具开发   ... " />	
		
		<!-- FAVICON  -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />					
			
		<!-- STYLESHEETS -->
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/style.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/prettyPhoto.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/jquery.validity.css" />
		<!-- SCRIPTS -->
		<script src="${ctx}/r/cms/www/dwcom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="${ctx}/thirdparty/My97DatePicker/WdatePicker.js"></script>		
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.prettyPhoto.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.validity.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});
		</script>  
		<style type="text/css">
			#personneExtForm .required {
				color: #CFCD60;
			}
		</style> 		
		<script type="text/javascript">
			$(function(){
			    $("#personneExtForm").validity(function() {
			    	 $("#realname")
			         .require("真实姓名不能为空")  
			         .maxLength(12, "长度必须小于12");
			    	 
			    	 
			    	 $("#pa")
			         .require("请选择所在地"); 			    	 
			    	 $("#jp")
			         .require("请选择职位"); 			    	 
			    	 $("#wy")
			         .require("请选择工作经验"); 			    	 
			    	 $("#onboardTime")
			         .require("请选择到岗时间"); 
			    	 
			    	 $("#comefrom")
			         .maxLength(100, "长度必须小于100");			    	 
			    	 $("#intro")
			         .maxLength(200, "长度必须小于200");			    	 
			    }); 
			});	
			 
		</script>   				
	</head>
	<body style="filter:Gray();">
		<!-- HEADER -->
			${httpInclude.include("../top.vm")}
		<!-- end HEADER -->
		
		<!-- MAIN -->				
		<div id="main" class="container">
			<!-- Content -->	
<link href="${ctx}/r/cms/www/dwcom/css/base.css" rel="stylesheet" type="text/css" />			
<div class="main w895 center">
<dl class="dldt07">
<dt>欢迎您：&nbsp;&nbsp;<strong>

		#if($personnelDto.realname)
			$!personnelDto.realname
		#else
			#set($tipInfo = "请完善好个人信息!")
			$!personnelDto.username	
		#end
	</strong> </dt>
		
<dd><a id="clickShow" href="#"  onclick="$('#updPersonnelExt').show()">修改个人信息</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="${ctx}/personnel_loginout.vm">退出</a></dd></dl>
<div class="mleft05">
<form name="form1" action="${ctx}/personnel/v_center.vm" method="post">
<dl class="dldt04">
<dt><span>职 位</span> <select id="s" name="sh_job">
							    <option value="">请选择职位</option> 
								<option value="Java工程师">Java工程师</option>
								<option value="Android工程师">Android工程师</option>
								<option value="UI/UE设计师">UI/UE设计师</option>
								<option value="Js工程师">Js工程师</option>
								<option value="Cocos2D-Html5工程师">Cocos2D-Html5工程师</option>
								<option value="Html5工程师">Html5工程师</option>
</select> </dt>
<dt><span>工作经验</span> <select id="a" name="sh_experience">
									<option value="">请选择工作经验</option> 
									<option value="应届毕业生">应届毕业生</option>
									<option value="1年">1年</option> 
									<option value="2年">2年</option>
									<option value="3年">3年</option>
									<option value="3年以上">3年以上</option>
</select> </dt>
<dt><span>所 在 地</span> <select id="b" name="sh_area">
														<option value="">请选择所在地</option>  
														<option value="北京">北京</option> 
														<option value="上海">上海</option> 
														<option value="杭州">杭州</option> 
														<option value="南京">南京</option> 
														<option value="长沙">长沙</option> 
														<option value="广州">广州</option>
														<option value="深圳">深圳</option>
														<option value="厦门">厦门</option> 
												</select> </dt>
<dt><span>到岗时间</span> <input class="in01"    type="text" name="sh_ntime" value="$!onboardTime" readonly="readonly" onfocus="WdatePicker({isShowWeek:true})"></dt>
<dt class="dt01"><input class="in02"  value="搜索" type="submit"></dt></dl></form></div>
		<script type="text/javascript">
		$("#s option[value='$!jobPosition']").attr("selected",true);
		$("#a option[value='$!workYears']").attr("selected",true);
		$("#b option[value='$!presentAddress']").attr("selected",true);
		</script>
<div class="mright03">
<div class="dispatch01">
<h1 class="h102">我们提供的人才</h1>
<dl class="dldt06">
<dt class="dt02">姓名</dt>
<dt class="dt02">性别</dt>
<dt class="dt03">职位</dt>
<dt class="dt02">工作经验</dt>
<dt class="dt02">现在地</dt>
<dt class="dt02">到岗时间</dt></dl>
#foreach( $personnel in $personnelDtoList )
<dl class="dldt03">
<dt class="dt02">$!{personnel.realname}</dt>
<dt class="dt02">$!{personnel.genderLabel}</dt>
<dt class="dt03">$!{personnel.jobPosition}</dt>
<dt class="dt02">$!{personnel.workYears}</dt>
<dt class="dt02">$!{personnel.presentAddress}</dt>
<dt class="dt02"> $!date.format('yyyy-MM-dd HH:mm:ss',$!{personnel.onboardTime})</dt>
</dl>
#end
<!-- 
<dl class="dldt03">
<dt class="dt02">新新</dt>
<dt class="dt02">男</dt>
<dt class="dt03">Java工程师</dt>
<dt class="dt02">应届毕业</dt>
<dt class="dt02">大连</dt>
<dt class="dt02">2012年05月30日</dt></dl>
<dl class="dldt03">
<dt class="dt02">张泽华</dt>
<dt class="dt02">男</dt>
<dt class="dt03">PHP工程师</dt>
<dt class="dt02">2年</dt>
<dt class="dt02">上海</dt>
<dt class="dt02">2011年07月12日</dt></dl>
<dl class="dldt03">
<dt class="dt02">张伟</dt>
<dt class="dt02">男</dt>
<dt class="dt03">PHP工程师</dt>
<dt class="dt02">3年以上</dt>
<dt class="dt02">上海</dt>
<dt class="dt02">2011年06月01日</dt></dl>
<dl class="dldt03">
<dt class="dt02">王银俊</dt>
<dt class="dt02">男</dt>
<dt class="dt03">Java工程师</dt>
<dt class="dt02">2年</dt>
<dt class="dt02">上海</dt>
<dt class="dt02">2011年03月29日</dt></dl>
<dl class="dldt03">
<dt class="dt02">徐亚光</dt>
<dt class="dt02">男</dt>
<dt class="dt03">Java工程师</dt>
<dt class="dt02">1年</dt>
<dt class="dt02">上海</dt>
<dt class="dt02">2011年02月17日</dt></dl>
<dl class="dldt03">
<dt class="dt02">佘秀娟</dt>
<dt class="dt02">女</dt>
<dt class="dt03">PHP工程师</dt>
<dt class="dt02">应届毕业</dt>
<dt class="dt02">哈尔滨</dt>
<dt class="dt02">2011年01月08日</dt></dl>
<dl class="dldt03">
<dt class="dt02">媒体</dt>
<dt class="dt02">男</dt>
<dt class="dt03">Java工程师</dt>
<dt class="dt02">应届毕业</dt>
<dt class="dt02">哈尔滨</dt>
<dt class="dt02">2011年01月30日</dt></dl>
<dl class="dldt03">
<dt class="dt02">柳子</dt>
<dt class="dt02">女</dt>
<dt class="dt03">Java工程师</dt>
<dt class="dt02">应届毕业</dt>
<dt class="dt02">大连</dt>
<dt class="dt02">2011年01月01日</dt></dl>
<dl class="dldt03">
<dt class="dt02">王武</dt>
<dt class="dt02">男</dt>
<dt class="dt03">PHP工程师</dt>
<dt class="dt02">应届毕业</dt>
<dt class="dt02">哈尔滨</dt>
<dt class="dt02">2010年12月29日</dt></dl>
 -->
</div>
<div class="listpages">
<ul class="ulli05">
<ul class="pagelist">
#set($before =$page.currentPage - 1)
#set($next =$page.currentPage + 1)
#set($remain = $page.totalPage - $page.currentPage)
<li><a href="${ctx}/personnel/v_center.vm?pageNo=1&sh_job=$!jobPosition&sh_experience=$!workYears&sh_area=$!presentAddress&sh_ntime=$!onboardTime" title="首页">首页</a></li>
<li><a href="${ctx}/personnel/v_center.vm?pageNo=#pageCount($!before,${page.totalPage})&sh_job=$!jobPosition&sh_experience=$!workYears&sh_area=$!presentAddress&sh_ntime=$!onboardTime" title="上页">&lsaquo;</a></li>
#if($remain>=0)
<li class="thisclass">$page.currentPage</li>
#end
#if($remain>=1)
<li><a href="${ctx}/personnel/v_center.vm?pageNo=#addIndex($page.currentPage,1)&sh_job=$!jobPosition&sh_experience=$!workYears&sh_area=$!presentAddress&sh_ntime=$!onboardTime">#addIndex($page.currentPage,1)</a></li>
#end
#if($remain>=2)
<li><a class="nextPage" href="${ctx}/personnel/v_center.vm?pageNo=#addIndex($page.currentPage,2)&sh_job=$!jobPosition&sh_experience=$!workYears&sh_area=$!presentAddress&sh_ntime=$!onboardTime">下页</a></li></ul>
#end
</ul></div>

</div></div>
	<div id="updPersonnelExt"  style="position:absolute;margin-left:5%;display: none;">
			<span style="float: right;"><a href="#" onclick="$('#updPersonnelExt').hide();" >点击关闭</a></span>
			<form action="${ctx}/personnel/o_update.vm"  id="personneExtForm" method="post">
			<input type="hidden" name="personnelId" value="$!{personnelDto.personnelId}">
				<table border="0" >
				<!-- 
				 -->
					  <thead>
						  <tr>
							<th  align="left"  colspan="6">个人信息:&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red;">$!tipInfo</span></th>
						  </tr>
					  </thead>
					  <tbody>
						  <tr>
							<td align="right" style="margin-left:24px;"><span class="required">*</span>&nbsp;真实姓名:</td>
							<td  align="left"><input type="text"  value="$!{personnelDto.realname}" name="realname" id="realname"/></td>
							<td  align="right"><span class="required">*</span>&nbsp;所在地:</td>
							<td  align="left">
							   <select id="pa" name="presentAddress"> 
									<option value="">请选择所在地</option>  
									<option value="北京">北京</option> 
									<option value="上海">上海</option> 
									<option value="杭州">杭州</option> 
									<option value="南京">南京</option> 
									<option value="长沙">长沙</option> 
									<option value="广州">广州</option>
									<option value="深圳">深圳</option>
									<option value="厦门">厦门</option>
								</select></td>
							<td  align="right">性别:</td>
							<td  align="left"><input type="radio" value="1" checked="checked" name="gender">男<input type="radio" value="0" name="gender">女</td>
						  </tr>
						  <tr>
							<td align="right"><span class="required">*</span>&nbsp;职位:</td>
							<td  align="left"><select id="jp" name="jobPosition">
							    <option value="">请选择职位</option> 
								<option value="Java工程师">Java工程师</option>
								<option value="Android工程师">Android工程师</option>
								<option value="UI/UE设计师">UI/UE设计师</option>
								<option value="Js工程师">Js工程师</option>
								<option value="Cocos2D-Html5工程师">Cocos2D-Html5工程师</option>
								<option value="Html5工程师">Html5工程师</option>
								</select></td>
							<td  align="right" ><span class="required">*</span>&nbsp;工作经验:</td>
							<td  align="left" >
								<select id="wy" name="workYears">
									<option value="">请选择工作经验</option> 
									<option value="应届毕业生">应届毕业生</option>
									<option value="1年">1年</option> 
									<option value="2年">2年</option>
									<option value="3年">3年</option>
									<option value="3年以上">3年以上</option>
								</select></td>
						  	<td align="right"><span class="required">*</span>&nbsp;到岗时间:</td>
							<td  align="left"><input type="text"  value="$!date.format('yyyy-MM-dd',$!{personnelDto.onboardTime})"  readonly="readonly" onfocus="WdatePicker({isShowWeek:true})"  name="onboardTime" id="onboardTime"/></td>
						  </tr>
						  <tr>
							<td align="right">QQ:</td>
							<td  align="left"><input type="text"  value="$!{personnelDto.qq}" name="qq" id="qq"/></td>
							<td  align="right" >电话:</td>
							<td  align="left" ><input type="text"  value="$!{personnelDto.phone}" name="phone" id="phone"/></td>
						  	<td align="right">手机:</td>
							<td  align="left"><input type="text"  value="$!{personnelDto.mobile}" name="mobile" id="mobile"/></td>
						  </tr>
						  <tr>
							<td align="right">来自于:</td>
							<td  align="left" colspan="5"><input type="text"  value="$!{personnelDto.comefrom}" name="comefrom" id="comefrom" size="40"/></td>
						  </tr>
						  <tr>
							<td style="vertical-align:top;text-algin:right;">个人简介:</td>
							<td  align="left" colspan="5" ><textarea name="intro" id="intro" rows="5" cols="80">$!{personnelDto.intro}</textarea></td>
						  </tr>
						  <tr>
							<td align="center" colspan="6" ><input type="submit"  value="确认修改" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset"  value="重置" /></td>
						  </tr>
					  </tbody>
					</table>
			</form>		
	</div>
		
		<script type="text/javascript">
			function setSelect(){
				$("#jp option[value='$!personnelDto.jobPosition']").attr("selected",true);
				$("#wy option[value='$!personnelDto.workYears']").attr("selected",true);
				$("#pa option[value='$!personnelDto.presentAddress']").attr("selected",true);
			}
			setSelect();
		</script> 	
		#if(!$personnelDto.realname)
			<script type="text/javascript">
					$('#updPersonnelExt').show();
			</script> 	
		#end
			<!-- end Content -->			
			<!-- Sidebar -->
			<!-- end Sidebar -->

		</div>
		<!-- end MAIN -->
		
		<!-- FOOTER -->
			${httpInclude.include("../footer.vm")}
		<!-- end FOOTER -->
	</body>
</html>		
